.contains {
  margin-bottom: 1.333333rem;
}
header {
  width: 100%;
  height: 1.173333rem;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
header .icon img {
  display: block;
  height: .466667rem;
  width: .266667rem;
}
header .search {
  width: 8.266667rem;
  height: .666667rem;
  border-radius: .666667rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-left: .2rem;
  display: flex;
}
header .search .city {
  width: 1.933333rem;
  height: .666667rem;
  color: #fff;
  font-size: .373333rem;
  display: flex;
}
header .search .line {
  width: 1px;
  height: .666667rem;
  background-color: rgba(255, 255, 255, 0.5);
}
header .search .city b {
  border: none;
  font-size: .373333rem;
  line-height: .666667rem;
  margin-left: .066667rem;
}
header .search .city span {
  display: inline-block;
  width: .333333rem;
  height: .666667rem;
  background: url("../../../images/zeng/icon/sprites.png") no-repeat;
  background-size: 10rem 12.666667rem;
  background-position: -8.3rem -3.4rem;
  margin-left: .266667rem;
}
header .search .keywords img {
  display: inline-block;
  height: .44rem;
  width: .44rem;
  vertical-align: middle;
  margin-left: .2rem;
  margin-right: .133333rem;
}
header .search .keywords b {
  border: none;
  font-size: .373333rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: .666667rem;
}
.banner {
  width: 100%;
  height: 6.666667rem;
  background-color: #333;
}
.banner .swiper-container {
  height: 6.666667rem;
  width: 100%;
}
.banner .swiper-wrapper {
  height: 6.666667rem;
  width: 100%;
}
.banner a {
  display: block;
  height: 6.666667rem;
  width: 100%;
}
.banner img {
  display: block;
  height: 6.666667rem;
  width: 100%;
}
.banner .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: .266667rem;
  width: 2rem;
  left: 8rem;
}
.banner .swiper-pagination-bullet {
  height: .133333rem;
  width: .133333rem;
  opacity: 1;
  background: none;
  border: 1px solid #0099cc;
}
.banner .swiper-pagination-bullet-active {
  background: #0099cc;
}
.category {
  width: 100%;
}
.category ul {
  display: flex;
  justify-content: space-between;
}
.category ul li {
  width: 25%;
}
.category ul li a {
  padding-top: .533333rem;
  padding-bottom: .4rem;
  display: block;
  width: 100%;
  text-align: center;
}
.category ul li a span {
  display: inline-block;
  height: 1.333333rem;
  width: 1.333333rem;
  text-align: center;
  border-radius: 50%;
}
.category ul li a p {
  font-size: .32rem;
  color: #666666;
  margin-top: .2rem;
}
.category ul li a span img {
  width: 1.066667rem;
  height: 1.066667rem;
  line-height: 1.333333rem;
}
.hot {
  width: 100%;
  background-color: #cecece;
  padding: .066667rem;
  box-sizing: border-box;
}
.hot ol {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.hot ol li a {
  display: block;
}
.hot ol li a span {
  display: block;
  width: .89rem;
  height: .89rem;
  background: url("../../../images/zeng/icon/sprites.png") no-repeat;
  background-size: 10rem 12.666667rem;
  background-position: -6.773333rem -9.506667rem;
  float: right;
}
.hot ol li:nth-child(1) a {
  width: 5.933333rem;
  height: 4.2rem;
  background: url("../../../images/zeng/img/travel-show_01.jpg") no-repeat center;
  background-size: 5.933333rem  4.2rem;
  margin-bottom: .15rem;
}
.hot ol li:nth-child(2) a {
  width: 3.8rem;
  height: 4.2rem;
  background: url("../../../images/zeng/img/travel-show_02.jpg") no-repeat center;
  background-size: 3.8rem 4.2rem;
  margin-bottom: .15rem;
}
.hot ol li:nth-child(3) a {
  width: 3.8rem;
  height: 4.2rem;
  background: url("../../../images/zeng/img/travel-show_03.jpg") no-repeat center;
  background-size: 3.8rem 4.2rem;
}
.hot ol li:nth-child(4) a {
  width: 5.933333rem;
  height: 4.2rem;
  background: url("../../../images/zeng/img/travel-show_04.jpg") no-repeat center;
  background-size: 5.933333rem  4.2rem;
}
.list {
  padding: 0 .32rem;
  margin-top: .333333rem;
}
.list h3 {
  color: #1448ae;
  font-size: .426667rem;
  font-weight: bold;
  height: .866667rem;
  display: flex;
  align-items: center;
}
.list h3 span {
  display: inline-block;
  width: .866667rem;
  height: .866667rem;
  background: url("../../../images/zeng/icon/sprites.png") no-repeat;
  background-size: 10rem 12.666667rem;
  background-position: -5rem -1.25rem;
}
.list ol {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.list ol li {
  display: block;
  width: 4.533333rem;
  height: 4.8rem;
  border: 1px solid #cccccc;
  margin-bottom: .24rem;
}
.list ol li a {
  display: block;
  width: 4.533333rem;
  height: 4.8rem;
}
.list ol li a img {
  display: block;
  width: 100%;
  height: 2.866667rem;
}
.list ol li a .text {
  padding: .133333rem;
  box-sizing: border-box;
}
.list ol li a .text p {
  font-size: .373333rem;
  color: #333;
  height: 1.3rem;
  line-height: 1.3em;
}
.list ol li a .text .num {
  display: flex;
  justify-content: space-between;
  font-size: .32rem;
}
.list ol li a .text .num .size {
  color: #999999;
  font-weight: normal;
}
.list ol li a .text .num span {
  color: #ff9900;
  font-weight: bold;
}
.list ol li a .text .num span b {
  font-weight: normal;
  font-size: .16rem;
}
.list ol li a .text .num span i {
  color: #cccccc;
  font-size: .16rem;
}
.list .title {
  display: flex;
  padding-top: .2rem;
}
.list .title .icon {
  display: inline-block;
  width: .666667rem;
  height: .666667rem;
  background: url("../../../images/zeng/icon/sprites.png") no-repeat;
  background-size: 10rem 12.666667rem;
  background-position: -6.32rem -3.56rem;
}
.list .title p {
  font-size: .426667rem;
  color: #4ca8f5;
  margin: 0 .133333rem;
}
.list .title .text {
  height: .36rem;
  padding-top: .066667rem;
}
.list .title .text img {
  display: block;
  height: .36rem;
  width: 2.8rem;
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.33rem;
  background: #ededed;
  border: 0px solid #dddcdc;
  opacity: 1;
}
.footer-wrap,
.footer-wrp-contain,
.footer-wrap-item {
  height: 100%;
}
.footer-wrp-contain {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.footer-wrap-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer-wrap-item img {
  margin-bottom: 0.2rem;
  margin: 0.2rem 0 0.15rem 0;
}
.footer-wrap-item:nth-child(1) img {
  width: .493333rem;
  height: .666667rem;
}
.footer-wrap-item:nth-child(2) img {
  width: .64rem;
  height: .64rem;
}
.footer-wrap-item:nth-child(3) img {
  width: .706667rem;
  height: .666667rem;
}
.footer-wrap-item:nth-child(4) img {
  width: .666667rem;
  height: .666667rem;
}
.footer-wrap-item span {
  height: 0.4rem;
  font-size: 0.3rem;
  font-family: SourceHanSansCN-Regular;
  line-height: 0.19rem;
  color: #666666;
  opacity: 1;
}
.footer-wrap-item span.active {
  color: #1448ae;
}
